【实例截图】

【核心代码】

. ├── ant-design-pro-vue3 │   ├── README.md │   ├── config │   │   ├── createModule │   │   │   ├── backend.ts │   │   │   ├── index.ts │   │   │   ├── type.ts │   │   │   └── utils.ts │   │   ├── template │   │   │   ├── helper.ts │   │   │   ├── index.less │   │   │   ├── index.vue │   │   │   ├── lang │   │   │   │   ├── cn.ts │   │   │   │   └── en.ts │   │   │   ├── service.ts │   │   │   └── types.ts │   │   └── tsconfig.json │   ├── index.html │   ├── jest.config.js │   ├── mock │   │   ├── account.js │   │   ├── mockUtils.ts │   │   └── user.js │   ├── package.json │   ├── public │   │   ├── account │   │   │   ├── department.png │   │   │   ├── levelOneDept.png │   │   │   ├── levelThreeDept.png │   │   │   └── levelTwoDept.png │   │   ├── avatar2.jpg │   │   ├── icons │   │   │   ├── offLine.ico │   │   │   └── onLine.ico │   │   ├── logo.png │   │   └── themes │   │       └── dark.css │   ├── src │   │   ├── App.vue │   │   ├── assets │   │   │   ├── background.svg │   │   │   └── icons │   │   │       ├── battery.svg │   │   │       ├── batteryCharge.svg │   │   │       ├── bx-analyse.svg │   │   │       └── logo.svg │   │   ├── components │   │   │   ├── ColorPicker │   │   │   │   ├── color.ts │   │   │   │   ├── common │   │   │   │   │   ├── Alpha.vue │   │   │   │   │   ├── History.vue │   │   │   │   │   ├── Hue.vue │   │   │   │   │   ├── Saturation.vue │   │   │   │   │   └── VColorInput.vue │   │   │   │   └── index.vue │   │   │   ├── DescriptionList │   │   │   │   └── DescriptionList.vue │   │   │   ├── FastDevelopBall │   │   │   │   ├── FastDevelopModal.vue │   │   │   │   ├── helper.ts │   │   │   │   ├── index.less │   │   │   │   ├── index.vue │   │   │   │   ├── lang │   │   │   │   │   ├── cn.ts │   │   │   │   │   └── en.ts │   │   │   │   ├── service.ts │   │   │   │   └── types.ts │   │   │   ├── GlobalFooter │   │   │   │   └── index.vue │   │   │   ├── GlobalHeader │   │   │   │   └── index.vue │   │   │   ├── HelloWord.tsx │   │   │   ├── LockScreen │   │   │   │   ├── index.vue │   │   │   │   └── service.ts │   │   │   ├── Menu │   │   │   │   ├── Menu.vue │   │   │   │   ├── RenderSubMenu.vue │   │   │   │   └── SideMenu.vue │   │   │   ├── MultiTab │   │   │   │   ├── index.less │   │   │   │   ├── index.vue │   │   │   │   └── lang │   │   │   │       ├── cn.ts │   │   │   │       └── en.ts │   │   │   ├── NProgress │   │   │   │   └── nprogress.less │   │   │   ├── NoticeIcon │   │   │   │   └── index.vue │   │   │   ├── PageHeader │   │   │   │   └── index.vue │   │   │   ├── SelectLang │   │   │   │   ├── index.jsx │   │   │   │   └── index.less │   │   │   ├── SettingDrawer │   │   │   │   ├── components │   │   │   │   │   ├── GlobalStyle.vue │   │   │   │   │   ├── LayoutSettings.vue │   │   │   │   │   ├── NavigationMode.vue │   │   │   │   │   ├── OtherSettings.vue │   │   │   │   │   ├── SettingItem.vue │   │   │   │   │   └── ThemeColor.vue │   │   │   │   ├── icons │   │   │   │   │   ├── darkMenu.svg │   │   │   │   │   ├── darkTheme.svg │   │   │   │   │   ├── lightMenu.svg │   │   │   │   │   ├── sideMenu.svg │   │   │   │   │   └── topMenu.svg │   │   │   │   ├── index.vue │   │   │   │   ├── lang │   │   │   │   │   ├── cn.ts │   │   │   │   │   └── en.ts │   │   │   │   ├── settingConfig.ts │   │   │   │   └── updateTheme.ts │   │   │   ├── SvgIcon │   │   │   │   ├── index.vue │   │   │   │   ├── manual.vue │   │   │   │   └── tools.ts │   │   │   └── tools │   │   │       ├── Breadcrumb.vue │   │   │       ├── Logo.vue │   │   │       ├── TwoStepCaptcha.vue │   │   │       └── UserMenu │   │   │           ├── index.vue │   │   │           └── lang │   │   │               ├── cn.ts │   │   │               └── en.ts │   │   ├── config │   │   │   └── defaultSettings.ts │   │   ├── hooks │   │   │   ├── mouseMove.ts │   │   │   └── useMessage.jsx │   │   ├── layouts │   │   │   ├── BasicLayout.less │   │   │   ├── BasicLayout.vue │   │   │   ├── BlankLayout.vue │   │   │   ├── PageView.vue │   │   │   ├── RouteView.vue │   │   │   ├── UserLayout.vue │   │   │   ├── index.ts │   │   │   └── lang │   │   │       ├── cn.ts │   │   │       └── en.ts │   │   ├── locales │   │   │   ├── menu │   │   │   │   ├── cn.ts │   │   │   │   └── en.ts │   │   │   └── useI18n.ts │   │   ├── main.ts │   │   ├── router │   │   │   ├── commonRoutes.ts │   │   │   ├── exampleRouterMap.ts │   │   │   ├── generateAsyncRoutes.ts │   │   │   ├── index.ts │   │   │   ├── permission.ts │   │   │   ├── routerGuard.ts │   │   │   └── types.ts │   │   ├── shim.d.ts │   │   ├── source.d.ts │   │   ├── store │   │   │   ├── index.ts │   │   │   ├── modules │   │   │   │   └── app.ts │   │   │   ├── mutation-types.ts │   │   │   ├── reactiveState.ts │   │   │   ├── state.ts │   │   │   └── useSiteSettings.ts │   │   ├── style │   │   │   ├── darkModePatch.less │   │   │   ├── global.less │   │   │   └── index.less │   │   ├── utils │   │   │   ├── Storage.ts │   │   │   ├── batchImportFiles.ts │   │   │   ├── commonImport.ts │   │   │   ├── components_use.ts │   │   │   ├── device.ts │   │   │   ├── domUtil.ts │   │   │   ├── encrypt.ts │   │   │   ├── eventBus.ts │   │   │   ├── http │   │   │   │   ├── axios.ts │   │   │   │   └── downloadFileAxios.js │   │   │   ├── indexDB.ts │   │   │   ├── setupDefaultSetting.ts │   │   │   ├── themeUtil.ts │   │   │   ├── types.ts │   │   │   └── util.ts │   │   └── views │   │       ├── About.tsx │   │       ├── Home.vue │   │       ├── account │   │       │   ├── components │   │       │   │   ├── AddSkillAndInterstModal.vue │   │       │   │   ├── BaseSetting.vue │   │       │   │   ├── SelectSkillAndInterst.vue │   │       │   │   ├── TagsSelect │   │       │   │   │   ├── AddNewTag.vue │   │       │   │   │   ├── Tag.vue │   │       │   │   │   └── index.vue │   │       │   │   └── UploadAvatar.vue │   │       │   ├── hooks.ts │   │       │   ├── index.vue │   │       │   ├── lang │   │       │   │   ├── cn.ts │   │       │   │   └── en.ts │   │       │   ├── service.ts │   │       │   └── types.ts │   │       ├── dashboard │   │       │   ├── Index.vue │   │       │   ├── components │   │       │   │   ├── Charts │   │       │   │   │   ├── Bar.vue │   │       │   │   │   ├── ChartCard.vue │   │       │   │   │   ├── MiniArea.vue │   │       │   │   │   ├── MiniBar.vue │   │       │   │   │   ├── MiniProgress.vue │   │       │   │   │   ├── MiniSmoothArea.vue │   │       │   │   │   ├── Pie.vue │   │       │   │   │   ├── RankList.vue │   │       │   │   │   └── Trend.vue │   │       │   │   └── NumberInfo │   │       │   │       ├── NumberInfo.vue │   │       │   │       └── index.less │   │       │   └── lang │   │       │       ├── cn.ts │   │       │       └── en.ts │   │       ├── exception │   │       │   ├── 403.vue │   │       │   ├── 404.vue │   │       │   └── 500.vue │   │       └── user │   │           ├── Login.vue │   │           ├── Register.vue │   │           ├── RegisterResult.vue │   │           ├── helper.ts │   │           ├── lang │   │           │   ├── cn.ts │   │           │   └── en.ts │   │           ├── service.ts │   │           └── types.ts │   ├── tests │   │   ├── e2e │   │   │   ├── pageobjects │   │   │   │   └── app.page.ts │   │   │   └── specs │   │   │       └── app.spec.ts │   │   └── unit │   │       └── example.spec.ts │   ├── tsconfig.json │   ├── types │   │   └── global.d.ts │   ├── vite-env.d.ts │   └── vite.config.ts └── 好例子网_ant-design-pro-vue3.rar 68 directories, 189 files